const path = require('path');


function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    publicPath:'/',
    assetsDir:'static',
    // 将构建好的文件输出到哪里（或者说将编译的文件）
    outputDir: 'dist',
    chainWebpack: config => {
        config.module.rules.delete('svg'); // 重点:删除默认配置中处理svg,
        // const svgRule = config.module.rule('svg')
        // svgRule.uses.clear()
        config.module
            .rule('svg-sprite-loader')
            .test(/\.svg$/)
            .include
            .add(resolve('src/icons')) // 处理svg目录
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
    },
    lintOnSave: true,
    runtimeCompiler: true, //关键点在这
    // 调整内部的 webpack 配置。
    // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md
    //chainWebpack: () => {},
    configureWebpack: () => {},
    /*build:{
        index:path.resolve(__dirname,'./dist/index.html'),
        // assetsPublicPath: '/'
        assetsRoot:path.resolve(__dirname,'./dist'),
        assetsSubDirectory:'static',
        assetsPublicPath: './'
    },*/
    // webpack-dev-server 的选项配置
    devServer: {
        // 代理转发
        //proxy: string || object,

        proxy: {
            '/api': {
                //将'localhost/thinkphp'替换为'api.annan.vip'
                target: 'http://api.annan.vip/', //对应自己的接口
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    },
};
